*{
	margin: 0px;
	padding: 0px;
}

body{
	background-image: url("../img/bacg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	position: relative;
}

.logo{
	position: absolute;
	top: 50px;
	left: 100px;
}

.member{
	position: absolute;
	top: 70px;
	right: 100px;
}
.member a{
	text-decoration: none;
	color: white;
	border:1px solid white;
	border-radius: 70px;
	padding: 8px 15px;
}
.box{
	width: 400px;
	height: 400px;
	background-color: white;
	position: relative;
	left: 400px;
	top: 130px;
	border-radius: 20px;
	position: relative;
	
}
.box h1{
	color: #fa911e;
	position: absolute;
	left: 30px;
	top: 30px;
}
form input{
	position: absolute;
	border-radius: 50px;
	width: 300px;
	height: 30px;
	border: 1px solid gainsboro;
	outline: none;
}
form{
	padding-top: 100px;
	padding-left: 50px;
	display: block;
}

form .bb{
	text-indent: 30px;
}

form .bb:hover{
	border: 1px solid orange;
}

form .aa{
	top: 150px;
	text-indent: 30px;
	
}

form .aa:hover{
	border: 1px solid orange;
}

form .dd{
	position: absolute;
	top: 157px;
	left: 56px;
}
form .cc{
	position: absolute;
	top: 107px;
	left: 56px;
}

form .ee input{
	height: 15px;
	width: 15px;
	top: 200px;
}

.box .ee span{
	position: absolute;
	font-size: 10px !important;
	top: 200px;
	left: 70px;
	color: gray;
}
.box .ee a{
	position: absolute;
	font-size: 10px !important;
	top: 200px;
	left: 255px;
	color: gray;
}


.box .ff input{
	height: 30px;
	width: 200px;
	top: 240px;
	left: 100px;
	background-color: #FFA500;
	border:0px solid white;
}
.ff span{
	position: absolute;
	display: block;
	top: 240px;
	line-height: 28px;
	left: 100px;
	text-align: center;
	color: white;
	height: 30px;
	width: 200px;
	border-radius:80px ;
}

.box .ff span:hover{
	display: block;
	background-color: #FA911E;
}

.ff a{
	display: block;
	height: 30px;
	width: 200px;
}
.gg input{
	opacity: 100%;
	top: 280px;
	left: 100px;
	height: 30px;
	width: 200px;
	background-color: #FFFFFF;
	border: 0px solid gainsboro;
}
.gg span{
	position: absolute;
	top: 284px;
	left: 170px;
	color: orange;
}
.hh span{
	position: absolute;
	top:312px;
	left: 78px;
	font-size: 12px;
	color: gray;
}

.ii .qq a{
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	background-image: url(../img/qq.png);
	background-repeat: no-repeat;
	top: 325px;
	left: 105px;
}

.ii .qq a:hover{
	background-image: url(../img/qq-hover.png);
}

.ii .qq span{
	position: absolute;
	color: black;
	font-size:12px;
	top: 373px;
	left: 108px;
}

.jj .wx a{
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	background-image: url(../img/weixin（1）.png);
	background-repeat: no-repeat;
	top: 325px;
	left: 180px;
}

.jj .wx a:hover{
	background-image:url(../img/weixin.png);
}

.jj .wx span{
	position: absolute;
	color: black;
	font-size:12px;
	top: 373px;
	left: 180px;
}
.kk .qywx a{
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	background-image: url(../img/qiye-nor.png);
	background-repeat: no-repeat;
	top: 325px;
	left: 252px;
}

.kk .qywx a:hover{
	background-image:url(../img/qiye.png);
}

.kk .qywx span{
	position: absolute;
	color: black;
	font-size:12px;
	top: 373px;
	left: 252px;
}